.header{position:fixed;z-index:5;left:0;top:0;width:100%;background:#fff;padding: 0 3%;border-bottom: 1px solid #f3f3f3;}
.header .logo{height:80px;line-height:80px;overflow:hidden}
.header nav ul li{position:relative;float:left;padding:0 20px;margin-left:2px}

.header nav ul li:hover{background: #26add8;}
.header nav ul li:hover a{color: #fff;}

.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;}
/* .header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:90px} */
/* .header nav ul li>a{position:relative;height:90px;line-height:90px;color:#333;font-size:16px;display: block;} */

.header nav ul li>a {
    position: relative;
    height: 38px;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    display: block;
}
.navsof{margin-top:25px}
.xbottom{  border-bottom: 1px solid #aaa;}
/* .header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#fff;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s} */
.header nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;top:56px;left:50%;width:100%;color:#333;background:#26add8;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 4px;text-align:center;color:#fff;}
.header nav ul li .sub-nav a:hover{background:#006dad; color:#fff;}
.header .language{
	padding-top: 24px;
    padding-right: 30px;
	padding-left: 10px;
}
.header .language a{color: #333;font-size: 14px;font-weight:bold;display: block;text-align: center;padding: 1px 0;}
.header .language a:hover{color: #26add8;}
.header .header-right,
.header .header-mid{ float:right;margin-top: 26px;}
.header .header-right > *{  position:relative;}
.header .open-search{ position:relative;width:20px; height:20px;margin-top: 8px; background:url(../images/seh.png) no-repeat center center; background-size:contain; display:block;}
.header .open-search-show{ background:none;}
.header .open-search-show::before,
.header .open-search-show::after{ position:absolute; content:''; width:20px; height:2px; background:#26add8; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.header .open-search-show::after{ transform:rotate(-45deg);}
.header .search-box{ display:none;    position:absolute;margin-top: 10px; right:0; top:100%;width:300px; z-index: 111;}
.header .search-box .text{width:100%;  padding:10px; border:2px solid #26add8;}
.header .search-box .btn{ position:absolute; right:0; top:0; width:42px; height:42px;border : 0; background:url(../images/seh.png) no-repeat center center; background-size:50% auto;}
.motop{width:100%;
    height:70px;
    position: fixed;
    padding:0 4%;
    z-index:999999;
    display: none;
   background: #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    -webkit-transition: all .53s;
   -moz-transition: all .5s;
   -ms-transition: all .5s;
   transition: all .5s;
   border-bottom: 1px solid #ebebeb;   
}
.albot {
    margin-top: 60px;
}
.albot ul {
    overflow: hidden;
    padding: 30px 0;
}
.albot li {
    text-align: center;
    margin-bottom: 20px;
}
.header .activesd{
	background: #26add8;
}
.header .activesdwhile{color:#fff;}
.motop.on{background: #fff}
.mologo{margin:0 auto;
     float:left;
}
.mologo a{line-height: 70px;
}
.mologo a span{font-size: 12px;
              margin-left: 6px;
}
.mologo img{width:200px;
         vertical-align: middle;
}
.monav{
     margin-top:23px;
     cursor:pointer;
     position: absolute;
     right:4%;
     width:30px;
     height:22px;
}
.monav span{width:24px;
         height:2px;
         display: block;
         background: #333;
         position: absolute;
         transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:11px;}
.monav .s3{top:17px;}
.monav .s1.on{transform:rotate(45deg);
        top:10px;
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
        top:10px;
}
.navdown{width:100%;
    background: #fff;
    position: fixed;
    top:70px;
    z-index: 9999;
    display: none;
    border-top:1px solid #eee;
    padding-bottom: 40px;
    text-align: center;
}

.navdown>ul>li{line-height: 46px;
          font-size:16px;
          color:#333;
          position: relative;
          cursor:pointer;
          width:92%;
          margin:0 auto;
          border-bottom:1px dashed #e6e6e6;
          
          
}
.navdown>ul>li a{font-size:14px;
              display: inline-block;
              width: 100%;
              height: 100%;
              color: #333;
}
.navdown>ul>li a:hover{color:#26add8;}
.navdown .ul2{display: none;}
.navdown .ul2 li{line-height: 46px;
                border-top:1px solid #e6e6e6;
                position: relative;
               
}

.navdown .ul2 li a{margin-left: 1%;
                   font-size:12px;
                   color:#333;
                   width:100%;
                   height:100%;
                   display: block;

}
.navdown .ul2 li a i{position: absolute;
                     right:4%;


}
.navdown>ul>li>a>i{
 position: absolute;
 right: 4%;
 -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;

}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                         transform: rotate(90deg);
}

.navdown .language{margin-left: 4%;line-height: 60px;}
@media(max-width:1580px){
        .header nav ul li{position:relative;float:left;padding:0 10px}

}
@media(max-width:1440px){
        .header .logo{width: 250px;}

}
@media(max-width:1200px){
        .motop{display: block;}
        .header{display: none;}

}


@media(max-width:768px){
        .header .language {display: none;}

}